<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 详情见 day05 => 04 04 组件的生命周期_初始化

    // 如何使用组件?
    // 对应组件名称使用组件 => 可以在其他组件中使用对应组件名称(标签名)引入该组件


    // 子组件什么时候会被初始化 => 父组件解析template过程中,遇到子组件=>触发子组件的初始化渲染

    // 根(父)组件先经过初始化阶段 ->进入模板编译阶段 -> 解析template为虚拟DOM -> 此时会解析到子组件(自定义标签) => 触发子组件的初始化 -> 子组件根据option选项内的template生成虚拟dom => 解析为真实DOM(父组件还在等待子组件解析) -> 将解析得到的真实DOM传递给父组件(存储)->替换子组件的自定义标签 -> 等所有子组件解析完毕 => 父组件在将虚拟DOM渲染为真实DOM


</script>
</html>